<?php
$js = array(
        'jquery/jqgrid/src/grid.loader.js',
    	'jquery/jqgrid/src/i18n/grid.locale-en.js',
	'jquery/jqgrid/js/jquery.jqGrid.min.js',
	'jquery/validate/jquery.validate.js',
	'score.js',
);

$css = array(
        'jquery/ui.jqgrid.css',
);
$vars = 'var user_type = "'._session('user_type').'"';
get_backend_header($js,$css,$vars);

?>

<?php get_group_sidebar($group['group_id']); ?>

<div id ="content" >

    <div class="line">
        <h2 class="unit title"><?php echo $group['group_name'] ?>  - Class Record - Exams</h2>
        <div class="unitExt" style="margin-top: 25px;">
            <input type="hidden" value="<?php echo $group['group_id'] ?>" id="group_id" name="group_id" />
        </div>
    </div>

    <div class="line" style="margin-bottom: 20px">
        <div class="unit" >
            <label for="search" class="">Search:</label>
            <input type="text" name="search" id="search"/>
        </div>
        <div class="unit" >
            <label for="date_posted" class="">Date Posted:</label>
            <input type="text" name="date_posted" id="date_posted"/>
        </div>
    </div>

    <?php get_message();?>

    <table id="examGrid" class="scroll"></table>
    <div id="pagination" class="scroll"></div>
    
</div>


<script type="text/javascript">
    examGrid();
    $('#add').button({
        icons: {primary: 'ui-icon-plus'}
    });

    $('#date_posted').datepicker();

    $('#search').keyup(function(e){
        filterExamGroup();
    });

    $('#date_posted').change(function(e){
        filterExamGroup();
    });

    //Qtip
    $('#date_posted').qtip({
                content: 'Search by date posted',
                position: {
                    corner: {
                        target: 'topMiddle',
                        tooltip: 'bottomMiddle'
                    }
                },
                hide: {
                    when: 'inactive',
                    delay: 1500
                },
                style: 'fieldinfo'
    });
    $('#search').qtip({
                content: 'Search by exam name',
                position: {
                    corner: {
                        target: 'topMiddle',
                        tooltip: 'bottomMiddle'
                    }
                },
                hide: {
                    when: 'inactive',
                    delay: 1500
                },
                style: 'fieldinfo'
    });
    
</script>


<?php get_backend_footer();
    

/* End of file list.php */
/* Location: ./application/views/exam/list.php */

